<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>登录页面</title>
    <script type="text/javascript" th:src="@{js/jquery-2.1.1.min.js}"></script>
    <script type="text/javascript" th:src="@{js/security.js}"></script>
    <script type="text/javascript" th:src="@{js/json2.js}"></script>
    <script type="text/javascript" th:src="@{js/plugins/layer/layer.min.js}"></script>

    <link rel="stylesheet" th:href="@{css/bootstrap.min.css}" type="text/css"/>
    <link rel="stylesheet" th:href="@{css/font-awesome.min.css}" type="text/css"/>
    <link rel="stylesheet" th:href="@{css/login/login.css}" type="text/css"/>
    <link rel="stylesheet" th:href="@{css/login/css.css}" type="text/css"/>
    <link rel="stylesheet" th:href="@{css/login/min.css}" type="text/css"/>
    <style type="text/css">
        .bg {
            background-color: #2e363f;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            background-image:url(images/home.jpg);
            bottom: 0;
            height: 100%;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;

        }
    </style>
</head>

<body>
    <div id="background" class="bg" background-image="" >
        <!-- <img src="?" id="backgroudImg" class = "background-img" /> -->
    </div>
    <div id="loginbox" style="padding-top: 20%;">
        <form id="loginform" name="loginform" class="form-vertical"
              action="loginCheck"
              method="post">
            <div class="control-group normal_text">
                <table style="width: 100%">
                    <tr>
                        <td align="center" style="font-weight: bold;color: gray;">
                            <span>数据抽取系统</span>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="control-group">
                <div class="controls">
                    <div class="main_input_box">
                            <span class="add-on bg_ly" style="background: #28b779">
                                <img src="css/login/account.png" alt="请输入账号..">
                            </span>
                        <input id="txusername" type="text" placeholder="请输入用户名" name="username" value=""
                               style="height: 37px; margin-bottom: 0px;color:#333;"/>
                    </div>
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <div class="main_input_box">
                            <span class="add-on bg_ly">
                                <img src="css/login/lock.png" alt="请输入密码..">
                            </span>
                        <input id="txpassword" type="password" placeholder="请输入密码" name="password" value=""
                               style="height: 37px; margin-bottom: 0px;color:#333;"/>
                    </div>
                </div>
            </div>
            <div style="width: 86%; height:60px;padding-left: 18%;">
                    <span class="pull-left">
                        <a id="btnlogin" href="#" class="btn btn-success">登&nbsp;&nbsp;录</a>
                    </span>
                <span class="pull-right"  style="padding-right: 10%; ">
                        <a href="#" class="flip-link btn btn-info" id="to-recover">重&nbsp;&nbsp;置</a>
                    </span>
            </div>
        </form>
    </div>
</body>
</html>